<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<div class="main-container" id="main-container">

    <div class="main-container-inner">

        <div>
            <div class="breadcrumbs" id="breadcrumbs">
                <script type="text/javascript">
                    try {
                        ace.settings.check('breadcrumbs', 'fixed')
                    } catch (e) {
                    }
                </script>

                <ul class="breadcrumb">
                    <li>
                        <i class="icon-home home-icon"></i>
                        <a href="../../../index.jsp">首页</a>
                    </li>
                    <li>合同图片册</li>
                </ul><!-- .breadcrumb -->

            </div>

            <div class="page-content">
                <div class="page-header">
                    <h1>
                        合同图片册
                    </h1>
                </div><!-- /.page-header -->

                <div class="row">
                    <div class="col-xs-12" style="text-align:center;">
                        <!-- PAGE CONTENT BEGINS -->
                        <div class="row-fluid" >
                            <ul class="ace-thumbnails">

                                <c:forEach items="${filePictures}" var="opp">
                                    <li>
                                        <a href="${opp.pictures}" target="_blank" data-rel="colorbox">
                                            <img alt="150x150" src="${opp.pictures}"
                                                 style="width: 200px;height: 200px;"/>
                                            <div class="text">
                                                <div class="inner">查看图片</div>
                                            </div>
                                        </a>
                                        <div class="tools tools-bottom">
                                            <a href="${opp.pictures}" title="下载" download="${opp.pictures}">
                                                <i class=" icon-download-alt"></i>
                                            </a>

                                            <a href="deletePictures?pictures=${opp.pictures}" title="删除">
                                                <i class="icon-remove red"></i>
                                            </a>
                                        </div>
                                    </li>
                                </c:forEach>
                            </ul>
                        </div>

                        <div class="space-4"></div>

                    </div><!-- /.col -->
                    <br><br><br><br><br><br>
                    <div style="margin-left: 23%;">
                        <p style="font-size: 21px;color: #880000;margin-left: 18%;">${errors}</p>
                        <a href="./fileListShow" >
                            <button class="btn btn-primary"  type="submit" style="margin-left: 24%;">
                                <i class="icon-reply icon-only"></i>
                                返回
                            </button>
                        </a>
                    </div>

                </div><!-- /.row -->
            </div><!-- /.page-content -->
        </div><!-- /.main-content -->


    </div><!-- /.main-container-inner -->

</div>
<!-- /.main-container -->


<script type="text/javascript">
    jQuery(function ($) {
        var colorbox_params = {
            reposition: true,
            scalePhotos: true,
            scrolling: false,
            previous: '<i class="icon-arrow-left"></i>',
            next: '<i class="icon-arrow-right"></i>',
            close: '&times;',
            current: '{current} of {total}',
            maxWidth: '100%',
            maxHeight: '100%',
            onOpen: function () {
                document.body.style.overflow = 'hidden';
            },
            onClosed: function () {
                document.body.style.overflow = 'auto';
            },
            onComplete: function () {
                $.colorbox.resize();
            }
        };

        $('.ace-thumbnails [data-rel="colorbox"]').colorbox(colorbox_params);
        $("#cboxLoadingGraphic").append("<i class='icon-spinner orange'></i>");//let's add a custom loading icon

    })
</script>

